<html>
  <head>
  
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
  
  <title>Test Aup</title>
  	<script src="../src/dom.js"></script>
	
	<script>
		
		function loadAup(){
			var label = DOM.byId('label_id');
			label.text("changed");
			label.parent().html("<div id =\"new_id\" >ok</div>");
			DOM.byId('new_id').on("click", function(){ alert('click') });
			
			
			var label2 = DOM.create("span").text("label2");
			DOM.byId('new_id').append(DOM.create("br")).append(label2).append(DOM.create("br"));
			
			label2.data("test", "TEST is OK");
			label2.text(label2.data("test"));
			
			DOM.byId('new_id').append(label2.clone().text("Cloned Text"));
			
		}
	
	
	</script>

  	
  </head>
  <body onload="loadAup()">
 		<span id="label_id"> text</span>
 </body>
  

</html>